<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="asset\set.css">
    <link rel="stylesheet" href="css\info-setting.css">
    <link rel="stylesheet" href="icon\iconfont\iconfont.css">
    <title>Info-setting</title>
</head>
<body>
    <div class="container">
        <header>
            <i class="i ic:arrow-left" onclick="location.href='mine.html'"></i>
        </header>
        <div class="head-portrait">
            <div class="image">
                <img src="img/head_portrait.png">
                <i class="i ic:pencil"></i>
            </div>
        </div>
        <ul class="type">
            <li>
                <div class="left">
                    <p>昵称</p>
                </div>
                <div class="right">
                    <p>我</p>
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
            <li>
                <div class="left">
                    <p>封面</p>
                </div>
                <div class="right">
                    <img src="img/mine-background.jpg" alt="">
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
            <li>
                <div class="left">
                    <p>个性签名</p>
                </div>
                <div class="right">
                    <p>编辑个签，展示我的独特态度</p>
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
        </ul>
        <ul class="type">
            <li>
                <div class="left">
                    <p class="up">性别</p>
                    <p class="down">所有人可见</p>
                </div>
                <div class="right">
                    <p>男</p>
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
            <li>
                <div class="left">
                    <p class="up">年龄</p>
                    <p class="down">所有人可见</p>
                </div>
                <div class="right">
                    <p>20</p>
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
            <li>
                <div class="left">
                    <p class="up">生日</p>
                    <p class="down">所有人可见</p>
                </div>
                <div class="right">
                    <p>9月29日</p>
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
            <li>
                <div class="left">
                    <p class="up">所在地</p>
                    <p class="down">所有人可见</p>
                </div>
                <div class="right">
                    <p>选择所在地，发现同城</p>
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
        </ul>
        <ul class="type">
            <li>
                <div class="left">
                    <p>兴趣标签</p>
                </div>
                <div class="right">
                    <p>未设置</p>
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
            <li>
                <div class="left">
                    <p>精选照片</p>
                </div>
                <div class="right">
                    <p>未设置</p>
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
        </ul>
        <ul class="type">
            <li>
                <div class="left">
                    <p>匿名问答</p>
                </div>
                <div class="right">
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
        </ul>
        <ul class="type">
            <li>
                <div class="left">
                    <p>我的音乐盒</p>
                </div>
                <div class="right">
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
        </ul>
        <ul class="type">
            <li>
                <div class="left">
                    <p>更多</p>
                </div>
                <div class="right">
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
        </ul>
    </div>
</body>
</html>